<template>
  <div class="main">
    <md-field>
      <md-detail-item title="时间 :" bold :content="cardItem.date" />
      <md-detail-item title="姓名：" :content="cardItem.username" />
      <md-detail-item title="手机号：" :content="cardItem.mobile" />
      <md-detail-item title="金额：" :content="cardItem.money + ' 元'" />
    </md-field>
  </div>
</template>

<script>
import { Field, DetailItem } from "mand-mobile";
export default {
  name: "index",
  props: {
    cardItem: {
      type: Object
    }
  },
  components: {
    [Field.name]: Field,
    [DetailItem.name]: DetailItem
  }
};
</script>

<style scoped lang="stylus">
.main{
  padding 0 30px;
  margin-top 20px;
}
.md-field{
  border 1px solid rgba(254, 226, 212, 1);
  box-shadow: 2px 2px 10px rgba(254, 226, 212, 1);
  border-radius 15px;
}
.md-detail-item{
  padding-top 0;
}
</style>
